<template>
	<div class="box03">
		<nav01 @search="searchdata"></nav01>
	</div>
<div class="box01">
	<classify></classify>
</div>

<div class="box02">
	<contenttop></contenttop>
	<div class="box04">
		<contentcenter :search="searchdata"></contentcenter>
	</div>
</div>

	<foot01></foot01>
</template>

<script setup>
import classify from "./components/classify.vue"
import contenttop from "./components/contenttop.vue"
import contentcenter from "./components/contentcenter.vue"
import nav01 from "./components/nav.vue"
import foot01 from "./components/foot.vue"
import { ref,onMounted,getCurrentInstance } from "vue"
let sousuoshuju=ref("")
let searchdata=(data)=>{
	sousuoshuju.value=data
	console.log(data)
}
</script>

<style scoped>
.box01 {
	background-color: white;
}
.box02 {
	background-color: #f5f6f6;
}
/* .box03 {
	position: fixed;
	background-color: white;
} */

</style>